<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据要素流通平台</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		name='viewport' />



	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="assets/font/iconfont.css">

	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />

	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />

	<!-- Docs CSS -->
	<link href="vendor/bootstrap/css/bootstrap-toc.css" rel="stylesheet" />
	<link href="./assets/layui/css/layui.css" rel="stylesheet">
	<link href="vendor/prism.css" rel="stylesheet" />
	<style>
		body {
			font-size: 17px;
			font-family: Nunito, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		}

		.display-3 p {
			font-weight: 500;
			font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
		}

		.paragraph h3,#docsarea h3{
			font-size: 1.2rem;
			margin-bottom: 10px;
		}
		.paragraph h4 {
			margin: 10px 0;
		}
		.paragraph div {
			margin-bottom: 20px;
		}
		.paragraph ul {
			margin-left: 2rem;
		}

		.nav-item .active {
			font-weight: 600;
		}

		/* 修改header的样式 */
		.nav-link {
			color: #353c58 !important;
		}

		.navbar-dark .navbar-brand:hover,
		.navbar-dark .navbar-brand:focus {
			color: #0ac382;
		}

		.btn-outline-white:hover {
			background-color: rgba(244, 244, 244, 0.7);
			border-color: #0ac382 !important;
		}

		.navbar-dark .navbar-brand {
			color: #353c58;
		}

		.navbar {
			background-color: rgba(244, 244, 244, 0.5);
		}

		.nav-link.active {
			color: #0ac382 !important;
		}

		.nav-link.active,
		.nav-link.active1 {
			color: #0ac382 !important;
		}

		.page-item.active .page-link {
			z-index: 1;
			color: #fff;
			background-color: #0ac382;
			border-color: #0ac382;
		}

		nav[data-toggle=toc] .nav-link.active,
		nav[data-toggle=toc] .nav-link.active:focus,
		nav[data-toggle=toc] .nav-link.active:hover {
			padding-left: 18px;
			font-weight: 700;
			color: #0ac382;
			background-color: transparent;
			border-left: 2px solid #0ac382;
		}

		nav[data-toggle=toc] .nav>li>a:focus,
		nav[data-toggle=toc] .nav>li>a:hover {
			background-color: transparent;
			color: #0ac382;
			border-left: 1px solid #0ac382;
		}

		/* end */


		/* 开发者大字 */
		/* 大于1680px：默认 */
		/*1360px ——1680px */
		@media (max-width: 1680px) {
			.jumbotron {
				padding-top: 9rem;
			}
		}

		/* 小于1360px */
		@media (max-width: 1360px) {
			.display-3 {
				font-size: 60px;
			}

			.display-3 p {
				font-size: 60px;
			}

			.jumbotron {
				padding-top: 11rem;
			}
		}

		.searchHeaderBox {
			position: absolute;
			top: 83px;
			z-index: 1999;
			background-color: white;
			width: 400px;
			left: 856px;
			padding: 10px;
		}

		.searchHeaderBox .label {
			padding: 3px 8px;
			border: 1px solid #d8d8d8;
			margin-right: 12px;
			margin-bottom: 10px;
		}

		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #999;
			font-size: 14px;
		}

		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #999;
			font-size: 14px;
		}

		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #999;
			font-size: 14px;
		}
	</style>
</head>

<body>

	<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
		<div class="container-fluid">
			<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2" style="font-size: 20px;"></i><strong>数据流通云</strong>
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="navbar-collapse collapse" id="navbarColor02">
				<ul class="navbar-nav mr-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link" href="./index.html">首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./dataResources.html">数据资源</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link" href="productStore.html">数据产品 </a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./serviceStore.html">服务产品</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./customShop.html">定制数据</a>
					</li>
					<li class="nav-item">
						<a class="nav-link active" href="./developer.html">开发者</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./newMessage.html">最新消息</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./accessData.html">数据访问</a>
					</li>
					<li class="nav-item highSerachBtn">
						<div class="col pt-4 pb-4">
							<a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"
								style="color: #353c58 !important;border-color: #353c58;"><span class="iconbox border-0"
									style="margin-right: 5px;"><i class="iconfont icon-search" style="font-size: 20px;"></i></span>搜索</a>
						</div>
					</li>
				</ul>
				<ul class="navbar-nav ml-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link myBtn" href="javascript:;">
							<span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-cart-arrow-down"></i></span>产品袋
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-bxs-book-reader"></i></span>我的空间 </a>
					</li>
					<li class="nav-item disabledNone" id="userInfo">
						<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
							<li class="layui-nav-item">
							  <a href="javascript:;" style="color: #353c58 !important;">
								  <span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-user-fill"></i></span>
								  用户：<span id="accunt">登录过期</span>
							  </a>
							  <dl class="layui-nav-child">
								<dd><a href="./changePassword.html">修改密码</a></dd>
								<dd><a href="" id="logOutBtn">退出登录</a></dd>
							  </dl>
							</li>
						  </ul>
					</li>
					<li class="nav-item disabledNone" id="attestation">
						<a class="nav-link" style="color:#FF820C;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
					</li>
					<li class="nav-item disabledNone noUser">
						<a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-user-fill"></i></span>登录 </a>
					</li>
					<li class="nav-item disabledNone noUser">
						<span class="nav-link" href="#">
							<a class="btn btn-success btn-round shadow-sm text-white" href="./register.html">
								<i class="iconfont icon-github"></i> 立即注册 <a href="#" class="downloadzip" class="hidden"></a>
							</a>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- End Navbar -->
	<!-- End Navbar -->

	<!------------------------------------- HEADER --------------------------------------->
	<div class="jumbotron jumbotron-fluid jumbotron-lg-withnav mb-3 bg-primary position-relative"
		style="background-color: #03CA93 !important;">
		<div class="container text-white h-100 tofront mt-5">
			<div class="row align-items-center justify-content-center text-center">
				<div class="col-md-10">
					<h1 class="display-3">开发者<p>Documentation</p>
					</h1>
				</div>
			</div>
		</div>
	</div>
	<!--- END HEADER -->

	<nav id="toc" class="fixedsidebar d-none d-lg-block">
		<h5 class="mt-4 mb-4 pt-1"><a class="text-dark" href="./index.html"><strong>开发者社区目录</strong></a></h5>
	</nav>

	<main class="content-withfixedsidebar">

		<!-- DOCS CONTENT -->
		<div class="container pt-5 pb-5 mb-5">
			<div class="row justify-content-center">
				<div class="col-lg-11">
					<div id="docsarea" class="font-weight-normal">
						<h1 style="padding-top: 30px;">平台访问接口规范</h1>

						<h2>规范描述</h2>
						<div class="paragraph">
							<div>
								<h3>1.为什么要指定接口规范</h3>
								<p>在前后台分离情况下，后台可以采用不同的后台运用，开发出类似的功能，所以前后台请求响应的规则是一致的；如果安装一套标准来编写接口，后台不管是什么语言，前台都可以采用一样的方式进行交互。反过来，后台也不需要管前台到底采用何种方式请求（页面、工具、代码
								</p>
							</div>
							<div>
								<h3>2.通用的接口规范：Restful接口规范 - 规定了url如何编写；请求方式的含义；响应的数据规则</h3>
								<h4>(1) url编写</h4>
								<ul>
									<li>https协议 - 保证数据安全性</li>
									<li>api字眼 - 标识操作的是数据</li>
									<li>v1、v2字眼 - 数据的不同版本共存</li>
									<li>资源复数 - 请求的数据称之为资源</li>
									<li>拼接条件 - 过滤群查接口数据（https://api.baidu.com/books/?limit=3&ordering=-price）</li>
								</ul>
								<h4>(2) 请求方式</h4>
								<ul>
									<li>/books/ - get - 群查</li>
									<li>/books/(pk)/ - get - 单查</li>
									<li>/books/ - post - 单增</li>
									<li>/books/(pk)/ - put - 单整体改</li>
									<li>/books/(pk)/ - patch - 单局部改</li>
									<li>/books/(pk)/ - delete - 单删</li>
								</ul>
								<h4>(3) 响应结果</h4>
								<ul>
									<li>网络状态码与状态信息：2xx | 3xx | 4xx | 5xx</li>
									<li>数据状态码：前后台约定规则 - 0:成功 1:失败 2:成功无结果</li>
									<li>数据状态信息：自定义成功失败的信息解释(英文)</li>
									<li>数据本体：json数据</li>
									<li>数据子资源：头像、视频等，用资源的url链接</li>
								</ul>
							</div>

						</div>

						<h2>使用指南</h2>
						<h3>请求接口</h3>
						<ul>
							<li>接口地址： https://www.mxnzp.com/api/weather/current/{城市名}</li>
							<li>返回格式： JSON</li>
							<li>请求方式： GET</li>
							<li>请求示例： https://www.mxnzp.com/api/weather/current/深圳市?app_id=不再提供请自主申请&app_secret=不再提供请自主申请</li>
							<li>接口备注： 获取特定城市今日天气信息</li>
						</ul>
						<h3 style="margin-top: 20px;">返回示例</h3>



						<!----------------------------------------------------------------------
gulp
------------------------------------------------------------------------>

						<h1>数据资源注册指南</h1>
						<p>数据资源注册描述</p>
						<div class="paragraph">
							<div>
								<h2>已注册的账号</h2>
								<p>数据资源注册会明确相关数据资源的权属及交易等问题，故而需要登录相关账号进行操作，需提交进行注册并认证角色。</p>
							</div>
							<div>
								<h2>注册数据资源</h2>
								<h4>1. 进入数据资源注册</h4>
								<ul>
									<li>(1). 在【首页】界面点击顶部右侧“我的空间”，进入我的空间界面；</li>
									<li>(2). 在【我的空间】界面点击左侧“数据管理”切换到数据通道与产品资源的管理界面；</li>
									<li>(3). 在界面中点击“数据注册”按钮，选择自己注册；</li>
									<li>(4). 点击“开始注册”按钮，进入【数据资源注册】界面。</li>
								</ul>
								<h4>2. 基本信息填写</h4>
								<h4>3. 默认控制填写</h4>
								<h4>4. 接口信息填写</h4>
								<h4>5. 人工录入-资源结构与资源内容配置</h4>
								<ul>
									<li>(1). 编辑数据资源类别（对应数据库表），可进行增删改查；</li>
									<li>(2). 选择数据资源类别后，编辑资源内容，可进行增删改查。</li>
								</ul>
								<h4>6. 导入资源文件-资源配置</h4>
								<ul>
									<li>(1). 编辑数据资源类别（对应数据库表），可进行增删改查；</li>
									<li>(2). 选择数据资源类别后，编辑资源内容，可进行增删改查。</li>
								</ul>
								<h4>7. 自动获取资源-资源类别与资源内容配置（需提前装好引擎程序）</h4>
								<ul>
									<li>因自动获取资源根据数据引擎去查找数据数据资源，通过配置的规则文件进行解析数据，故而需在此阶段进行提前安装数据引擎，通过引擎相关内容可以进行相关配置启动；启动成功后，点击“自动获取资源”进入自动获取资源操作模式。</li>

								</ul>
								<h4>8. 确认信息并提交</h4>
							</div>
						</div>
						<p class="mb-3"><a href="http://47.108.20.64:8082/file/DR_register.docx" class="btn btn-primary btn-icon" target="_blank">更多操作详情</a></p>


						<h1>数据产品注册指南</h1>
						<p>数据产品注册描述</p>
						<div class="paragraph">
							<div>
								<h2>已注册的账号</h2>
								<p>数据产品注册会明确相关数据产品的权属及交易等问题，故而需要登录相关账号进行操作，需提交进行注册并认证角色。</p>
							</div>
							<div>
								<h2>注册数据产品</h2>
								<h4>1. 进入数据资源注册</h4>
								<ul>
									<li>(1). 在【首页】界面点击顶部右侧“我的空间”，进入我的空间界面；</li>
									<li>(2). 在【我的空间】界面点击左侧“数据管理”切换到数据通道与产品资源的管理界面；</li>
									<li>(3). 在界面中点击“产品注册”按钮，出现产品注册信息弹窗，对各数据项进行填写（支持简单产品、组合产品）；</li>
									<li>(4). 填写完成后，点击“提交”按钮，提示进入待审核状态。</li>
								</ul>
								<p style="color: red;margin-top: 20px;">注：“产品定义”，该项填写需要严格按照数据库select查询语句定义，或者引擎程序识别的其他产品定义信息。</p>
							</div>
						</div>
						<p class="mb-3"><a href="http://47.108.20.64:8082/file/DP_register.docx" class="btn btn-primary btn-icon" target="_blank">更多操作详情</a></p>





						<h1>平台数据引擎设置</h1>
						<p>数据引擎用于对数据通道数据进行加密保护，因客户端多种情况，目前支持Windows系统、Linux系统；</p>
						<div class="paragraph">
							<div>
								<h2>Windows系统下的安装配置启动</h2>
								<h4>1. 资源包下载</h4>
								<ul>
									<li>根据提供渠道，下载引擎程序资源包，存在电脑某个文件夹下（该文件不可使用中文名）；<a href="http://47.108.20.64:8082/file/DE_seting.docx" class="" style="color: #03CA93;" target="_blank">下载引擎程序包</a></li>

								</ul>
								<h4>2. 数据引擎安装</h4>
								<ul>
									<li>进入资源包文件夹，双击install.bat进行程序安装，安装过程中，如果杀毒软件进行询问提示，需点击允许安装；</li>

								</ul>
								<h4>3. 数据引擎配置</h4>
								<ul>
									<li>(1). 通过记事本或者其他文本编辑软件，打开配置文件dataeng.json ，进入编辑模式；</li>
									<li>(2). 在编辑器中，找到“User”和“Password”账号密码，将对应值改为自己注册数据通道的拥有者账号密码后（自己注册的数据资源拥有者就是自己，帮其他人注册的数据资源，账号密码就是对应的账号密码），进行保存；</li>
									<li>(3). 在编辑器中，找到“Backend”下面的“Type”改为注册数据通道的类型，“ID”改为配置显示的ID，进行保存；</li>
									<li>(4). 在编辑器中，找到“Backend”下面的“Params”将对象下面的Host（地址）、Port（端口）、Username（访问用户名），Password（访问用户密码）、Database（数据库名），改为数据库访问的相关信息值后，进行保存；“Params”将对象下面的各项信息需要与数据通道注册的各项值保持一致；</li>
								</ul>
								<h4>4. 数据引擎启动</h4>
								<ul>
									<li>(1). 在监管程序文件夹中，按住键盘“Shift”+鼠标右键，显示如下所示，带有powershell功能弹窗,或通过其他方式进行引擎程序文件夹根目录；</li>
									<li>(2). 点击打开进入命名窗口模式，在命令窗口输入 .\winsw.exe start 然后回车执行命令；</li>
								</ul>
								<h4>5. 确认是否正常运行</h4>
								<ul>
									<li>(1). 在电脑任务管理器中，点击“服务”，找到名称为dataeng的服务，查看其状态是否处于“正在运行”中，处于正在运行表示正常，否则表示引擎程序处于异常状态；</li>
									<li>(2). 引擎程序运行异常时，通过命令窗口模式输入 .\winsw.exe restart 然后回车执行命令，重启服务，然后再通过第一步查看服务状态；</li>
									<li>(3). 通过第二步操作后，若仍然处于异常状态，进行命令窗口模式输入 .\winsw.exe uninstall 卸载程序后，从引擎安装开始重新执行流程，后在查看服务状态；</li>
									<li>(4). 通过以上操作后，若仍然处于异常状态，请联系系统管理员。</li>
								</ul>
								<p class="mb-3" style="margin-top: 20px;"><a href="http://47.108.20.64:8082/file/DE_seting.docx" class="btn btn-primary btn-icon" target="_blank">更多操作详情</a></p>
							</div>
							<div>
								<h2>Linux系统下的安装配置启动</h2>
								<h4>1. 资源包下载</h4>
								<ul>
									<li>根据提供渠道，下载引擎程序资源包，存在电脑某个文件夹下（该文件不可使用中文名）；<a href="http://47.108.20.64:8082/file/DE_seting.docx" class="" style="color: #03CA93;" target="_blank">下载引擎程序包</a></li>

								</ul>
								<h4>2. 数据引擎安装</h4>
								<ul>
									<li>(1). 将引擎程序文件放到/home/qysj目录下；</li>
									<li>(2). 解压到指定目录,相关命令；</li>
									<li style="margin-top: 10px;"><img src="assets/img/demo/图片1.png"/></li>
								</ul>
								<h4>3. 数据引擎配置</h4>
								<ul>
									<li>(1). 修改配置文件/opt/dataeng/conf/dataeng.json；</li>
									<li>(2). 在编辑器中，找到“Backend”下面的“Type”改为注册数据通道的类型，“ID”改为配置显示的ID；</li>
									<li>(3). 在编辑器中，找到“Backend”下面的“Params”将对象下面的Host（地址）、Port（端口）、Username（访问用户名），Password（访问用户密码）、Database（数据库名），改为数据库访问的相关信息值后，进行保存；“Params”将对象下面的各项信息需要与数据通道注册的各项值保持一致；</li>
								</ul>
								<h4>4. 数据引擎启动</h4>
								<ul>
									<li>(1). 在监管程序文件夹中，按住键盘“Shift”+鼠标右键，显示如下所示，带有powershell功能弹窗,或通过其他方式进行引擎程序文件夹根目录；</li>
									<li>(2). 点击打开进入命名窗口模式，在命令窗口输入 /opt/dataeng/bin/dataeng -config /opt/dataeng/conf/dataeng.json -stdout 然后回车执行命令；</li>
								</ul>
								<h4>5. 确认是否正常运行</h4>
								<ul>
									<li>(1). 在电脑任务管理器中，点击“服务”，找到名称为dataeng的服务，查看其状态是否处于“正在运行”中，处于正在运行表示正常，否则表示引擎程序处于异常状态；</li>
									<li>(2). 引擎程序运行异常时，通过命令窗口模式输入  /opt/dataeng/bin/dataeng -config /opt/dataeng/conf/dataeng.json -stdout 然后回车执行命令，重启服务，然后再通过第一步查看服务状态；</li>
									<li>(3). 通过以上操作后，若仍然处于异常状态，请联系系统管理员。</li>
								</ul>
								<p class="mb-3" style="margin-top: 20px;"><a href="http://47.108.20.64:8082/file/DE_seting.docx" class="btn btn-primary btn-icon" target="_blank">更多操作详情</a></p>
							</div>
						</div>


						<h1>平台监管程序设置</h1>
						<p>监管程序用于对加密后数据产品数据进行解密操作，根据产品设置的有条件共享，是否生成明文等，产生相关结果数据；</p>
						<div class="paragraph">
							<div>
								<h2>监管程序安装配置启动(windows系统)</h2>
								<h4>1. 资源包下载</h4>
								<ul>
									<li>根据提供渠道，下载引擎程序资源包，存在电脑某个文件夹下（该文件不可使用中文名）；<a href="http://47.108.20.64:8082/file/DS_seting.docx" class="" style="color: #03CA93;" target="_blank">下载引擎程序包</a></li>

								</ul>
								<h4>2. 监管程序安装</h4>
								<ul>
									<li>进入资源包文件夹，双击install.bat进行程序安装，安装过程中，如果杀毒软件进行询问提示，需点击允许安装；</li>

								</ul>
								<h4>3. 监管程序配置</h4>
								<ul>
									<li>(1). 通过记事本或者其他文本编辑软件，打开配置文件regulatoryeng.json ，进入编辑模式；</li>
									<li>(2). 在编辑器中，找到“User”和“Password”账号密码，将对应值改为自己将要使用的账号密码后，进行保存；</li>
								</ul>
								<h4>4. 监管程序启动</h4>
								<ul>
									<li>(1). 在监管程序文件夹中，按住键盘“Shift”+鼠标右键，显示如下所示，带有powershell功能弹窗,或通过其他方式进行引擎程序文件夹根目录；</li>
									<li>(2). 点击打开进入命名窗口模式，在命令窗口输入 .\winsw.exe start 然后回车执行命令；</li>
								</ul>
								<h4>5. 确认是否正常运行</h4>
								<ul>
									<li>(1). 在电脑任务管理器中，点击“服务”，找到名称为regulatoryeng的服务，查看其状态是否处于“正在运行”中，处于正在运行表示正常，否则表示引擎程序处于异常状态；</li>
									<li>(2). 引擎程序运行异常时，通过命令窗口模式输入 .\winsw.exe restart 然后回车执行命令，重启服务，然后再通过第一步查看服务状态；</li>
									<li>(3). 通过第二步操作后，若仍然处于异常状态，进行命令窗口模式输入 .\winsw.exe uninstall 卸载程序后，从引擎安装开始重新执行流程，后在查看服务状态；</li>
									<li>(4). 通过以上操作后，若仍然处于异常状态，请联系系统管理员。</li>
								</ul>
								<p class="mb-3" style="margin-top: 20px;"><a href="http://47.108.20.64:8082/file/DS_seting.docx" class="btn btn-primary btn-icon" target="_blank">更多操作详情</a></p>
							</div>

						</div>

						<h1>数据产品使用指南</h1>
						<p>数据产品使用描述</p>
						<div class="paragraph">
							<div>
								<h2>成功启动监管程序</h2>
								<p>数据产品使用过程中，会通过监管程序用于对加密后数据产品数据进行解密操作。</p>
							</div>
							<div>
								<h2>数据产品使用</h2>
								<h4>1. 通过界面顶部菜单栏，点击“数据访问”，进入数据访问界面，若提示“监管程序连接异常”，表示本地监管程序运行出现异常，需查看监管程序启动相关步骤进行检查；</h4>
								<h4>2. 界面左侧展示产品的数据列表，点击中间的数据使用方式，进入不同的操作，左侧数据列表对应改变，右侧展示数据使用，测试，试用的结果；</h4>
								<h4>3. 点击左侧产品列表（列表没有数据的，需先进行产品申请或者申购），中间会展示产品信息；</h4>
								<h4>4. 随后点击“开始使用”按钮，进行结果输出,对于数据较少的情况，将会显示在右侧界面上，数据较多是，会生成相关数据文件，界面显示文档地址及文件名称。</h4>
							</div>
						</div>



						<h1>数据产品定制指南</h1>

						<!----------------------------------------------------------------------
 colors
------------------------------------------------------------------------>

						<h2>Colors</h2>

						<div class="alert alert-dark mb-5">
							Options:
							<ul>
								<li>Background: <code>bg-*color</code></li>
								<li>Text: <code>text-*color</code></li>
								<li>Alert: <code>alert-*color</code></li>
								<li>Button: <code>btn-*color</code></li>
								<li>Badge: <code>badge-*color</code></li>
							</ul>
						</div>













					</div><!-- End docs -->
				</div>
			</div>
		</div>
		<!-- End DOCS -->




	</main>

	<!-------------------------------------- FOOTER --------------------------------------->
	<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #03CA93;">
		<div class="container">
			<div class="row" style="text-align: center;">
				<div class="col-12 col-md mr-4">
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<p style="color: white;margin-top: 10px;font-size: 30px;">数据要素流通平台</p>
						Copyright @ 2022 数据要素流通平台-版权所有 蜀ICP备202223603号
					</small>
				</div>
			</div>
		</div>
	</footer>

	<!--- end main -->


	<!-------------------------------------- JAVASCRIPTS --------------------------------------->
	<script src="vendor/jquery.min.js" type="text/javascript"></script>
	<script src="vendor/popper.min.js" type="text/javascript"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
	<script src="./assets/layui/layui.js" type="text/javascript"></script>
	<script src="js/tool.js" type="text/javascript"></script>
	<script src="js/header.js" type="text/javascript"></script>
	<!-- Docs -->
	<script src="vendor/prism.js" type="text/javascript"></script>
	<script src="vendor/bootstrap/js/bootstrap-toc.js" type="text/javascript"></script>
	<script src="assets/font/iconfont.js" type="text/javascript"></script>
	<script>
		$(function () {
			new ClipboardJS('.btn');
			var navSelector = '#toc';
			var $myNav = $(navSelector);
			Toc.init({
				$nav: $('#toc'),
				$scope: $('#docsarea')
			});
			$('body').scrollspy({
				target: navSelector
			});
			$("#toc").css("top", ($(".jumbotron").outerHeight() + "px"))
			var num = "99";
			$(window).scroll(function () {
				// console.log($(window).scrollTop())
				//   console.log(num)
				num = $(".jumbotron").outerHeight() - $(window).scrollTop();
				if (num < 0) {
					num = "99";
				}
				$("#toc").css("top", (num + "px"))
			})
		});
	</script>


	<!-- Animation -->
	<script src="vendor/aos.js" type="text/javascript"></script>
	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>

	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
		AOS.init({
			disable: function () {
				var maxWidth = 1200;
				return window.innerWidth < maxWidth;
			}
		});
	</script>

	<!-- Tooltips -->
	<script> $(function () { $('[data-toggle="tooltip"]').tooltip() }) </script>

	<!-- Popovers -->
	<script>
		$(function () {
			$('[data-toggle="popover"]').popover()
		})
		$('.popover-dismiss').popover({
			trigger: 'focus'
		})
	</script>
	<script>
		// 请求开发信息
		// $.ajax({
       // timeout:30000,
		// 	type: 'GET',
		// 	url: window.Http + "/developmentInfo/list",
		// 	headers: {
		// 		'Authorization': "Bearer " + sessionStorage.getItem('Token')
		// 	},
		// 	success: function (res) {
		// 		if (res.code == 200) {
		// 			console.log(res)
		// 		}
		// 	}
		// })


	</script>
</body>

</html>
